<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <title>订单详情</title>
    <link href="../Content/css/style.css" rel="stylesheet">
    <script src="../Content/js/rem.js"></script>
    <style>
        #qdbtn2{
            position: fixed;
            width: 120px;
            bottom: 10px;
            left: 50%;
            margin-left: -60px;
        }
    </style>
</head>
<body>
<div id="loading">
    <img src="../Content/imgs/kbloading.gif">
</div>
    <div class="wrap" style="background-color:#fff" id="list">
       <!--<p class="qjbh">债权编号:3215457444555847<span>债权难度:简单</span></p>-->
        <!--<div class="zfxxbox">-->
            <!--<div class="zhxx fl">-->
                <!--<p>债权金额<span>10K</span></p>-->
                <!--<p>逾期时间<span>1个月</span></p>-->
                <!--<p>赏金<span>10K</span></p>-->
                <!--<p>债权地址<span>北京市朝阳区十八了点</span></p>-->
            <!--</div>-->
            <!--<div class="qdbtnbox fl">-->
                <!--<p>抢单人数:0</p>-->
                <!--<p class="qdje">¥20</p>-->
                <!--<a href="javascript:;" id="qdbtn">立即抢单</a>-->
            <!--</div>-->
        <!--</div>-->
        <!--<p class="cjtits">债权信息</p>-->
        <!--<ul class="cj-zqxx">-->
            <!--<li>债务方是否失联 <span>是</span></li>-->
            <!--<li>债务方是否有还款能力 <span>是</span></li>-->
            <!--<li>是否有担保 <span class="no">否</span></li>-->
            <!--<li>抵/质押物价能否覆盖债务 <span>是</span></li>-->
            <!--<li>是否诉讼 <span>是</span></li>-->
        <!--</ul>-->
        <!--<p class="cjtits">债权方信息</p>-->
        <!--<ul class="cj-zqxx">-->
            <!--<li>债权方: 王天来</li>-->
            <!--<li>现住址: 北京市朝阳区</li>-->
            <!--<li>联系方式: 152****2815</li>-->
        <!--</ul>-->
        <!--<p class="cjtits">债务方信息</p>-->
        <!--<ul class="cj-zqxx">-->
            <!--<li>债务方: 王天来</li>-->
            <!--<li>现住址: 北京市朝阳区</li>-->
            <!--<li>联系方式: 152****2815</li>-->
        <!--</ul>-->
        <!--<p class="cjtits">债务凭证</p>-->

        <!--<ul class="zjpzbox">-->
            <!--<p>主要凭证</p>-->
            <!--<li style="background-image: url(../Content/imgs/gril.jpg)"></li>-->
            <!--<li style="background-image: url(../Content/imgs/gril.jpg)"></li>-->
            <!--<li style="background-image: url(../Content/imgs/gril.jpg)"></li>-->
            <!--<li style="background-image: url(../Content/imgs/gril.jpg)"></li>-->
        <!--</ul>-->
        <!--<p class="wztips">等待债权方确认后，隐藏信息可见</p>-->

        <!--<p class="qdje2">¥20</p>-->
        <!--<a href="javascript:;" id="qdbtn2" class="ljqdbtn">立即抢单</a>-->
    </div>
    <script src="../Content/js/jquery-2.2.4.min.js"></script>
<script>

    let urs=window.location.search;
    let strs=urs.substring(1);
    let silp=strs.split('&');
    let res={};
    for (let i=0;i<silp.length;i++){
        res[silp[i].split("=")[0]]=silp[i].split("=")[1];
    }
    console.log(res);
    $.ajax({
        type : "GET",
        url :localStorage.url+"/applyBill/getBillById",
        dataType : 'json',
        async: false,
        contentType : "application/json",
        data :{
            id:res.id
        },
        success : function(ro) {
            console.log(ro);
            var wzs="";
            if(res.status==1){
                wzs="抢单中"
            }else if(res.status==2){
                wzs="已抢单";
                $(".qdrbox").show();
            }else if(res.status==3){
                $(".qdrbox").show();
                wzs="已完成";

            }else if(res.status==4){
                wzs="审核中"
            }
            var strs=`
                 <p class="qjbh">债权编号:`+ro.bill_id+`<span>债权难度:`+ro.difficulty+`</span></p>
                    <div class="zfxxbox">
                        <div class="zhxx fl">
                            <p>债权金额<span>`+ro.bill_money+`K</span></p>
                            <p>逾期时间<span>`+ro.overdue+`个月</span></p>
                            <p>赏金<span>`+ro.reward_money+`K</span></p>
                            <p>债权地址<span>`+ro.ladress+`</span></p>
                        </div>
                        <div class="qdbtnbox fl">
                            <p>&nbsp;</p>
                            <p class="qdje">¥20</p>
                            <a href="javascript:;" id="qdbtn">`+wzs+`</a>
                        </div>
                    </div>
                    <p class="cjtits">债权信息</p>
                    <ul class="cj-zqxx">
                        <li>债务方是否失联 <span class="`+cl(ro.isloss)+`">`+wz(ro.isloss)+`</span></li>
                        <li>债务方是否有还款能力  <span class="`+cl(ro.ispaying_ability)+`">`+wz(ro.ispaying_ability)+`</span></li>
                        <li>是否有担保  <span class="`+cl(ro.isguarantee)+`">`+wz(ro.isguarantee)+`</span></li>
                        <li>抵/质押物价能否覆盖债务  <span class="`+cl(ro.dywnffgzw)+`">`+wz(ro.dywnffgzw)+`</span></li>
                        <li>是否诉讼  <span class="`+cl(ro.islawsuit)+`">`+wz(ro.islawsuit)+`</span></li>
                    </ul>
                    <p class="cjtits">债权方信息</p>
                    <ul class="cj-zqxx">
                        <li>债权方: `+ro.lname+`</li>
                        <li>现住址: `+ro.ladress+`</li>
                        <li>联系方式: `+ro.phonenum+`</li>
                    </ul>
                    <p class="cjtits">债务方信息</p>
                    <ul class="cj-zqxx">
                        <li>债务方: `+ro.name+`</li>
                        <li>现住址:  `+ro.address+`</li>
                        <li>联系方式: `+ro.lphonenum+`</li>
                    </ul>
                    <p class="cjtits">债务凭证</p>
                    <ul class="zjpzbox"  style="border-bottom: 10px solid #f5f5f5;">
                        <p>主要凭证</p>
                        `+imglist(ro.img)+`
                    </ul>
                        <ul class="qdrbox dn">
                            <li><span>`+ro.qname+`</span> <span>`+ro.qphonenum+`</span> <span>抢单成功</span></li>
                        </ul>
                    <a href="javascript:;" id="qdbtn1" class="ljqdbtn " style="margin-top: 10px">`+wzs+`</a>
                    <p  id="qdbtn2" class="ljqdbtn dn" style="margin-top:10px"  onclick="gtzf()">确认催单成功</p>
                </div>
            `;
            $(strs).appendTo("#list");
            $("#loading").hide();
        },
        error : function(err) {
            alert(err);
        }
    });
    function wz(s) {
        if(s=="0"){
            return "否"
        }else {
            return "是"
        }
    }
    function cl(s) {
        if(s=="0"){
            return "no"
        }else {
            return ""
        }
    }
    function phone(s) {
        return s.substring(0,3)+"****"+s.substring(7,11)
    }
    function imglist(str) {
        var arr=str.split(",");
        var strs="";
        $.each(arr,function (i,e) {
            strs+=`<li style="background-image: url(`+arr[i]+`)"></li>`
        })
        return strs;
    }
    var widH=$(window).height();
    $(".mask").css("height",widH);
    $(function(){
        $("#footer li").on('click',function () {
            $(this).addClass('active').siblings().removeClass("active")
        });
      if(res.status==2){
              $(".qdrbox").show();
              $("#qdbtn2").show();
              $("#qdbtn1").hide();
        }else if(res.status==3){
            $(".qdrbox").show();
        }

    });
    function gtzf() {
        window.location.href="ck-zhifu.html?id="+res.id;
    }
</script>
</body>
</html>
